<template>
  <div class="flex flex-col p-2 gap-2">
    <div class="text-4xl font-bold">
      Hello
    </div>

    <Input v-model="value" />
    <div class="text-lg">{{ value }}</div>
  </div>
</template>

<script setup lang="ts">

import { ref, watchEffect } from 'vue';
import Input from './components/Input.vue';

const value = ref('aa')

watchEffect(() => {
  console.log(value.value)
})

</script>

<style></style>